<template>
    <view>
        <!-- template对应的原始代码，为保证正常显示，已对其进行隐藏。 -->
        <block name="defaultIndexTpl" v-if="false">
            <view class="main">
                <view class="up">
                    <image mode="aspectFill" :src="'../../skin/images/default_index_bg.jpg'" />
                </view>
                <view class="down">
                    <view class="menu card-project shadow-project">
                        <view @tap="url" :data-url="'../../news/index/news_index?id=' + item.val" class="item" v-for="(item, index) in skin.newsCateArr" :key="index">
                            <view class="item-inner">
                                <view class="img"><image :src="'../../skin/images/menu/news_' + item.val + '.png'" /></view>
                                <view class="title">{{ item.label }}</view>
                            </view>
                        </view>

                        <view @tap="url" :data-url="'../../meet/index/meet_index?id=' + item.val" class="item" v-for="(item, index) in skin.meetTypeArr" :key="index">
                            <view class="item-inner">
                                <view class="img"><image :src="'../../skin/images/menu/meet_' + item.val + '.png'" /></view>
                                <view class="title">{{ item.label }}</view>
                            </view>
                        </view>
                    </view>

                    <!-- List Begin -->
                    <view v-if="!dataList" class="margin-top load loading text-l load-project"></view>

                    <!-- parse <template is="baseListTpl" :data="dataList,'leftbig3'"/> -->
                    <block name="baseListTpl">
                        <view class="meet-list-box sub-margin-bottom">
                            <block v-for="(item, index) in dataList" :key="index">
                                <!-- 上下图 Begin -->

                                <view
                                    v-if="listMode == 'upimg'"
                                    class="item card-project shadow-project item-upimg"
                                    @tap="url"
                                    :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                                >
                                    <image mode="widthFix" :lazy-load="true" class="loading" :src="item.pic" />
                                    <view class="upimg-title content-cut-two">{{ item.title }}</view>
                                    <view class="data-desc content-cut-two">{{ item.desc }}</view>
                                    <view class="data-status">
                                        <text v-if="item.type == 'meet'" class="icon-remind margin-right-xxs"></text>
                                        {{ item.ext }}
                                    </view>
                                </view>

                                <!-- 上下图 END -->

                                <!-- 右边图 Begin -->

                                <view
                                    v-else-if="listMode == 'rightpic'"
                                    class="item card-project shadow-project item-rightpic"
                                    @tap="url"
                                    :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                                >
                                    <view class="title content-cut-two">{{ item.title }}</view>
                                    <view class="desc">
                                        <text class="content-cut-three">{{ item.desc }}</text>
                                        <image class="pic loading" :lazy-load="true" mode="aspectFill" :src="item.pic"></image>
                                    </view>
                                    <view class="data">
                                        <text class="margin-right">{{ item.ext }}</text>
                                    </view>
                                </view>

                                <!-- 右边图 END -->

                                <!-- 左边图 Begin -->

                                <view
                                    v-else-if="listMode == 'leftpic'"
                                    class="item card-project shadow-project item-leftpic"
                                    @tap="url"
                                    :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                                >
                                    <view class="title content-cut-two">{{ item.title }}</view>
                                    <view class="desc">
                                        <image class="pic loading" :lazy-load="true" mode="aspectFill" :src="item.pic"></image>
                                        <text class="content-cut-three">{{ item.desc }}</text>
                                    </view>
                                    <view class="data">
                                        <text class="margin-right">{{ item.ext }}</text>
                                    </view>
                                </view>

                                <!-- 左边图 END -->

                                <!-- 左大图 Begin -->

                                <view
                                    v-else-if="listMode == 'leftbig' || listMode == 'leftbig2' || listMode == 'leftbig3'"
                                    :class="'item card-project shadow-project item-' + listMode"
                                    @tap="url"
                                    :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                                >
                                    <image mode="aspectFill" :lazy-load="true" class="leftbig-left loading" :src="item.pic"></image>
                                    <view class="leftbig-right">
                                        <view class="leftbig-title content-cut-one">{{ item.title }}</view>
                                        <view class="leftbig-desc">
                                            <text :class="listMode == 'leftbig3' ? 'content-cut-two' : 'content-cut-three'">{{ item.desc }}</text>
                                        </view>
                                        <view class="data">
                                            <view class="meet-tag-list text-cut"></view>
                                            <view class="meet-status">
                                                <text v-if="item.type == 'meet'" class="icon-remind margin-right-xxs"></text>
                                                {{ item.ext }}
                                            </view>
                                        </view>
                                    </view>
                                </view>

                                <!-- 左大图 END -->

                                <!-- 大文字 Begin -->

                                <view
                                    v-else-if="listMode == 'bigtext'"
                                    class="item card-project shadow-project item-bigtext"
                                    @tap="url"
                                    :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                                >
                                    <view class="left">
                                        <image mode="aspectFill" :lazy-load="true" :class="item.pic ? 'loading' : ''" :src="item.pic" />
                                    </view>

                                    <view class="right">
                                        <view class="bigtext-title content-cut-one">{{ item.title }}</view>
                                        <view class="data-desc content-cut-one">{{ item.desc }}</view>
                                    </view>
                                    <view class="data-status">
                                        <text v-if="item.type == 'meet'" class="icon-remind margin-right-xxs"></text>
                                        {{ item.ext }}
                                    </view>
                                </view>

                                <!-- 大文字 END -->
                            </block>
                        </view>
                    </block>
                    <!-- List END -->
                </view>
            </view>

            <block v-if="skin.IS_SUB">
                <!-- parse <template is="menuTpl" :data="skin"/> -->
                <block name="menuTpl" v-if="false">
                    <view class="tab-bar">
                        <view v-if="returnHome" class="tab-bar-home" @tap="url" data-type="relaunch" data-url="/pages/home/index/home_index">
                            <text class="icon-homefill text-grey"></text>
                        </view>

                        <view class="tab-bar-border"></view>
                        <view class="tab-bar-item" @tap="url" data-type="relaunch" data-url="../../default/index/default_index">
                            <image class="tab-icon" :src="'../../skin/images/tabbar/home' + ('calendar_index' == 'home_index' ? '_cur' : '') + '.png'"></image>
                            <view :class="'tab-text ' + ('calendar_index' == 'home_index' ? 'text-project' : '')">{{ skin.MENU_ITEM[0] }}</view>
                        </view>

                        <view class="tab-bar-item" @tap="url" data-type="relaunch" data-url="../../news/cate1/news_cate1">
                            <image class="tab-icon" :src="'../../skin/images/tabbar/cate1' + ('calendar_index' == 'news_cate1' ? '_cur' : '') + '.png'"></image>
                            <view :class="'tab-text ' + ('calendar_index' == 'news_cate1' ? 'text-project' : '')">{{ skin.newsCateArr[0].label }}</view>
                        </view>

                        <view class="tab-bar-item" @tap="url" data-type="relaunch" data-url="../../news/cate2/news_cate2">
                            <image class="tab-icon" :src="'../../skin/images/tabbar/cate2' + ('calendar_index' == 'news_cate2' ? '_cur' : '') + '.png'"></image>
                            <view :class="'tab-text ' + ('calendar_index' == 'news_cate2' ? 'text-project' : '')">{{ skin.newsCateArr[1].label }}</view>
                        </view>

                        <view class="tab-bar-item" @tap="url" data-type="relaunch" data-url="../../calendar/index/calendar_index">
                            <image class="tab-icon" :src="'../../skin/images/tabbar/day' + ('calendar_index' == 'calendar_index' ? '_cur' : '') + '.png'"></image>
                            <view :class="'tab-text ' + ('calendar_index' == 'calendar_index' ? 'text-project' : '')">{{ skin.MENU_ITEM[1] }}</view>
                        </view>
                        <view class="tab-bar-item" @tap="url" data-type="relaunch" data-url="../../my/index/my_index">
                            <image class="tab-icon" :src="'../../skin/images/tabbar/my' + ('calendar_index' == 'my_index' ? '_cur' : '') + '.png'"></image>
                            <view :class="'tab-text ' + ('calendar_index' == 'my_index' ? 'text-project' : '')">{{ skin.MENU_ITEM[2] }}</view>
                        </view>
                    </view>
                </block>
            </block>
        </block>
    </view>
</template>

<style>
@import './default_index_tpl.css';
@import 'undefined';
</style>
